<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet"
  href="/assets/bootstrap/css/bootstrap.min.css" />
<link rel="stylesheet"
  href="/assets/jquery.jqplot/jquery.jqplot.css" />
<script src="/assets/jquery/jquery.min.js"></script>
<script src="/assets/bootstrap/js/bootstrap.min.js"></script>
<script src="/assets/jquery.jqplot/jquery.jqplot.min.js"></script>
<script
  src="/assets/jquery.jqplot/plugins/jqplot.barRenderer.min.js"></script>
<script
  src="/assets/jquery.jqplot/plugins/jqplot.canvasTextRenderer.min.js"></script>
<script
  src="/assets/jquery.jqplot/plugins/jqplot.canvasAxisLabelRenderer.min.js"></script>
<script
  src="/assets/jquery.jqplot/plugins/jqplot.dateAxisRenderer.min.js"></script>
<script
  src="/assets/jquery.jqplot/plugins/jqplot.categoryAxisRenderer.min.js"></script>
<script
  src="/assets/jquery.jqplot/plugins/jqplot.pointLabels.min.js"></script>
<script
  src="/assets/jquery.jqplot/plugins/jqplot.pieRenderer.min.js"></script>
<script
  src="/assets/jquery.jqplot/plugins/jqplot.donutRenderer.min.js"></script>
<script
  src="/assets/jquery.jqplot/plugins/jqplot.canvasOverlay.js"></script>
<script
  src="/assets/jquery.jqplot/plugins/jqplot.highlighter.min.js"></script>
<script src='/assets/scorecard.js'></script>
<title>Scorecard</title>
</head>
<style>
.btn-large {
  height: 100px;
  border-radius: 0px;
  border-bottom-right-radius: 100px;
}

.hero-unit {
  text-align: center;
}

textarea {
  resize: none;
  font-size: 1.5em;
  padding: 1em;
}

table {
  margin-top: 2em;
}

table tbody td {
  text-align: center;
}

table tbody {
  background-color: white;
}

.chzn-container {
  vertical-align: top;
}

.customove {
  padding-left: 20px;
}
</style>
<body>
  <div class="container">
    <h1>
      <img src="/assets/images/logo-small.png"
        alt="Banca D'Europa" />
    </h1>
    <div id="container" class="row">
      <form class="form-horizontal">
        <fieldset>
          <legend>Statistiche di Customer Satisfaction</legend>
          <div class="control-group">
            <label class="control-label">Filiale</label>
            <div class="controls controls-row">
              <span class='customove'> <select id="agency" name="agency"
                  class="chzn-select" style="width: 350px;" tabindex="4">
                  <option value="vicenza">Vicenza</option>
                  <option value="padova">Padova</option>
                  <option value="verona">Verona</option>
                </select></span> <span class='customove'> <select id="operation"
                  name="operation" class="chzn-select">
                  <option value="counter">Sportello</option>
                  <option value="consulting">Consulenza</option>
                </select></span> <span class=" customove help-block">Selezionare la
                filiale e il tipo di operazione.</span>
            </div>
          </div>
          <div class="control-group">
            <label class="control-label">Periodo</label>
            <div class="controls controls-row">
              <span class='customove'> <select id="group_level"
                  name="group_level" class="chzn-select">
                  <option value="5">Oraria</option>
                  <option value="4">Giornaliera</option>
                  <option value="3">Settimanale</option>
                  <option value="2" selected="selected">Mensile</option>
                </select>
              </span> <span class='customove'> <input id="startkey"
                  name="startkey" type="month" placeholder="Da"
                  value="2013-01" /></span><span class='customove'> <input id="endkey" name="endkey"
                  type="month" placeholder="A" value="2013-07" />
              </span> <span class="customove help-block">Selezionare il periodo
                desiderato.</span>
            </div>
          </div>
          <div class="control-group">
            <label class="control-label">Grafico</label>
            <div class="controls customove">
            
              <select id="graph_type" name="graph_type"
                class="chzn-select">
                <option value="1">Istogramma</option>
                <option value="2">Andamento</option>
                <option value="3">Torta</option>
              </select>
              <span class="help-block">Selezionare la tipologia
                di grafico.</span>
            </div>
          </div>
        </fieldset>
        <div class="form-actions">
          <button type="submit" class="btn btn-primary">Aggiorna</button>
          <button type="button" class="btn" data-toggle="button"
            id="refresh">Automatico</button>
        </div>
      </form>
    </div>
    <div id="row"></div>
  </div>
</body>
</html>